<template>
  <div>
    <div>App...</div>
    <div>
      <!-- 1. 父组件以标签属性的方式给子组件传递数据 -->
      <child :num="num" :person="person" />
    </div>
  
  </div>
</template>

<script>
// 引入文件
import Child from './Child.vue';


/* 
 props 
    功能:父子组件传递数据
*/


export default {
  name:"App",
  data(){
    return{
      num:10,
      persons:{
        name:"荒天帝",
        age:20,
        sex:"男"

      }
    }
  },

  // 注册组件
  components:{
    Child,
  }
}
</script>

<style>

</style>